<script>
function loadpage(){
	$('#report').html('<img style=\'margin-top:100px;\' src=\'images/loading.gif\' align="absmiddle"/>');  
	$.get(
		'report_ajax.php',
		function(data){
			$('#report').html(data).hide().fadeIn('fast');;
			$('ul#icons li').hover(
				function() { $(this).addClass('ui-state-hover'); }, 
				function() { $(this).removeClass('ui-state-hover'); 
			});
	});
}
$(function(){
	loadpage();
	$('#keyword').keyup(function() {
		$('#report').html('<img style=\'margin-top:100px;\' src=\'images/loading.gif\' align="absmiddle"/>'); 
		$.post("report_ajax.php", { keyword: $("#keyword").val()}, 
			function(data){
				$("#report").html(data);
			}
		);
	});
	
	$('#status').change(function(){
		$('#report').html('<img style=\'margin-top:100px;\' src=\'images/loading.gif\' align="absmiddle"/>'); 
		$.get('report_ajax.php',{status:$('#status').val()},
			function(data){
				$("#report").html(data);
		});
	});
	
	<!--datepick-->
	$( "#from" ).datepicker({
		monthNamesShort: ['มกราคม','กุมภาพันธ์','มีนาคม','เมษายน','พฤษภาคม','มิถุนายน','กรกฎาคม','สิงหาคม','กันยายน','ตุลาคม','พฤศจิกายน','ธันวาคม'],
		isBE: true,
        autoConversionField: true,
		defaultDate: "+1w",
		changeYear:true,
		changeMonth: true,
		dateFormat:'dd/mm/yy',
		onSelect: function( selectedDate ) {
			//$( "#to" ).datepicker( "option", "minDate", selectedDate );
		}
		});
	$( "#to" ).datepicker({
		monthNamesShort: ['มกราคม','กุมภาพันธ์','มีนาคม','เมษายน','พฤษภาคม','มิถุนายน','กรกฎาคม','สิงหาคม','กันยายน','ตุลาคม','พฤศจิกายน','ธันวาคม'],
		defaultDate: "+1w",
		isBE: true,
        autoConversionField: true,
		changeYear:true,
		changeMonth: true,
		dateFormat:'dd/mm/yy',
		onSelect: function( selectedDate ) {
			//$( "#from" ).datepicker( "option", "maxDate", selectedDate );
			$('#report').html('<img style=\'margin-top:100px;\' src=\'backend/images/loading.gif\' align="absmiddle"/>');  
			$.post(
				'report_ajax.php',
				{from:$('#from').val(),to:$('#to').val()},
				function(data){
					$('#report').html(data).hide().fadeIn('fast');
			});	
		}
	});
									
});
function Viewreport(id)
{
	$('#member_dialog').html('<img style=\'margin-top:100px;\' src=\'images/loading.gif\' align="absmiddle"/>'); 
	$.get(
		'report_view.php',
		{id:id},
		function(data){
			$('#member_dialog').html(data);
		}
	);
	$("#member_dialog").dialog({
		modal: true,
		width:850,
		position:'top',
		buttons: {
			ปิด:function(){
				$( this ).dialog( "close" );
			}
		}
	});
}
function Delete(id)
{
	$("#dialog2").dialog({
		modal: true,
		width:400,
		buttons: {
			ตกลง: function(){
				$.get('data_control.php',{id:id,action:'delete',prefix:'report'},function(data){load_member_page();});
				$( this ).dialog( "close" );
				loadpage();
			},
			ยกเลิก:function(){
				$( this ).dialog( "close" );
			}
		}
	});
}

function Upload(id)
{
	$('#report_id').val(id);
	$("#dialog4").dialog({
		modal: true,
		width:400,
		buttons: {
			ตกลง: function(){
				$('#upload').submit();
			},
			ยกเลิก:function(){
				$( this ).dialog( "close" );
			}
		}
	});
}

function active(id,status)
{
	$("#dialog_active").dialog({
		modal: true,
		buttons: {
			ตกลง: function() {
					$.get(
						'member_control.php',
						{id:id,status:status,action:'report_active'},
						function(data){
							if(status == 'online'){
								$('#active'+id).html("<a onclick=\"active("+id+",'offline')\" href=\"javascript:void(0);\"><span style=\"color:black;\">ยังไม่ติดต่อ</span></a>").hide().fadeIn('slow');
							}else{
								$('#active'+id).html("<a onclick=\"active("+id+",'online')\" href=\"javascript:void(0);\"><span style=\"color:green;\">ติดต่อแล้ว</span></a>").hide().fadeIn('slow');
							}
					});
					$( this ).dialog( "close" );
				},
			ยกเลิก:function() {
					$( this ).dialog( "close" );
				}
		}
	});
}

</script>
<div id="dialog_active" title="ข้อความ"  style="display:none;">
	<p><span class="ui-icon ui-icon-alert" style="float:left; margin:0 7px 20px 0;"></span>ต้องการเปลี่ยนสถานะ?</p>
</div>
<div id="dialog2" title="ข้อความ"  style="display:none;">
	<p><span class="ui-icon ui-icon-alert" style="float:left; margin:0 7px 20px 0;"></span>ต้องการลบข้อมูล?</p>
</div>
<div id="dialog4" title="อัพโหลดกรมธรรม์"  style="display:none;">
	<form enctype="multipart/form-data" method="post" name="" id="upload" action="upload_file.php">
    	<input type="file" name="fileField" />
        <input type="hidden" value="" name="report_id" id="report_id" />
    </form>
</div>
<div id="member_dialog" title="ข้อมูลสั่งซื้อ"  style="display:none;"></div>
<div id="tabs">
    <ul>
    	<li><a class="head_tab" style="padding-left:7px;" href="#tabs-1"><span class="ui-icon ui-icon-comment" style="float:left;"></span>รายงานสมาชิก</a></li>
          
    </ul>
    <div id="tabs-1">
    	<input type="text" id="keyword" name="keyword"  value="ค้นหาใบสั่งซื้อ" onfocus="this.value=''" style="float:left;"/> 
        &nbsp;<label for="from">ค้นหาตามช่วงเวลา</label>
        <input type="text" id="from" name="from"/>
        <label for="to">ถึง</label>
        <input type="text" id="to" name="to"/>
            	<form action="admin.php?page=import" method="post" enctype="multipart/form-data" name="form1" id="form1" style="float:right;">
                    <label>
                    <input type="file" name="fileupload" id="fileupload" />
                    </label>
                    <input type="hidden" value="1" name="action" />
                    <input type="submit" name="button" id="button" value="นำเข้า" />
              	</form>
        <div style="clear:both;"></div>   
    	<div id="report" align="center"></div>          
    </div>
</div>            